body{
  background-color: #3d3d3d;
  color: #fff;
  font-size: 2rem;
}
li{

  list-style: none;
  margin-bottom: 1rem;
}
ul{
  padding:0;
}
.video{
  display: flex;
  justify-content: space-between;
}
.left-video{
  margin-top: 1.5rem;
}
.paly-vedio{

}
.other{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.play-word{
  margin-left: 20px;

}

.func ul{
  display: flex;
  align-items: center;
  margin-top: 20px;

}
.func ul li{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding:  0 1rem;
  font-size: 2rem;
  line-height: 2;
  align-items: center;
}
 .nav-video{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   box-sizing: border-box;
   font-size: 1.3rem;
 }
.right-play{
  margin-right: 20px;

}
.recore{
  color: #ff2238;
  font-size: 2rem;
}
.commend ul li{
  display: flex;
  line-height: 1.7;
  color: #ccc;
}
.commend ul img{
  margin-right: 15px;
}
.time{
  color: #9d9d9d;
}